<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HUAWEI</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <!-- 顶部导航栏 -->
    <div class="top_banner">
        <img src="./image/top_banner.jpg" alt="">
    </div>

    <div class="top_nav">
        <div class="public_container">
            <ul class="left_nav">
                <li><a href="">首页</a></li>
                <li><a href="">华为官网</a></li>
                <li><a href="">荣耀官网</a></li>
                <li><a href="">花粉俱乐部</a></li>
                <li><a href="">V码（优购码）</a></li>
                <li><a href="">企业购</a></li>
                <li><a href="">Select Region</a></li>
                <li><a href="">更多精彩</a></li>
            </ul>
            <ul class="right_nav">
                <li><a href="">花粉俱乐部</a></li>
                <li><a href="">V码（优购码）</a></li>
                <li><a href="">企业购</a></li>
                <li><a href="">花粉俱乐部</a></li>
            </ul>
        </div>
    </div>
    <!-- logo广告 -->
    <div class="search_nav public_container">
        <a href="" style="float: left;"><img src="./image/logo.png" alt=""></a>
        <div class="num2_button" style="background-color: #ff8486;">华为专区</div>
        <div class="num2_button" style="background-color: #74c7ff;">荣耀专区</div>
        <div class="yangban">
            <div>华为5G</div>
            <div>荣耀20</div>
            <div>华为P30</div>
            <div>荣耀9X</div>
        </div>
        <input type="text" placeholder="nova 5i Pro">
        <!-- 这里加个icon -->
        <!-- 大轮播图 -->
        
        
    </div>
    <!-- 大图片 -->
    <div class="big_photo">
        <div class="public_container">
            <div class="left_choice">
                <ul>
                    <li>手机<p>荣耀 HUAWEI P系列</p></li>
                    <li>笔记本&平板<p>平板电脑 笔记本电脑</p></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="user public_container">
        <div class="logIn">
            <div class="header_pic"><img src="./image/icon_headImg.png" alt=""></div>
            <div class="logtop">
                <span >您好，请</span><a href="">登陆</a><span>/</span><a href="">注册</a>
            </div>
        </div>
        <div class="user_nav">
            <img src="./image/img.png" alt="" style="height: 50px;margin-top: 16px;">
        </div>
    </div>

    <div class="four_pic public_container">
        <ul>
            <li style="clear: both;"><a href=""><img src="./image/pic-1.jpg" alt=""></a></li>
            <li><a href=""><img src="./image/pic-2.jpg" alt=""></a></li>
            <li><a href=""><img src="./image/pic-3.jpg" alt=""></a></li>
            <li><a href=""><img src="./image/pic-4.jpg" alt=""></a></li>
        </ul>
    </div>

    <div class="rexiao public_container">
        <p style="font-size: 22px;font-weight: bold;line-height: 63px;">热销单品</p>
        <div class="left_rexiao">
            <img src="./image/rxdp-left.jpg" alt="" style="width: 234px;height: 594px;float: left;"> 
        </div>
        <div class="right_rexiao">
            <ul>
                <li><a href=""><div class="new_label">新品</div><img src="./image/dp1.png" alt=""><div class="xiangqing"><p>荣耀9X PRO</p><span>6期免息 享多重好礼</span><p style="color: #d7021b;">¥2199</p></div></a></li>
                <li><a href=""><div class="new_label">新品</div><img src="./image/dp2.png" alt=""><div class="xiangqing"><p>荣耀9X PRO</p><span>6期免息 享多重好礼</span><p style="color: #d7021b;">¥2199</p></div></a></li>
                <li><a href=""><div class="new_label">新品</div><img src="./image/dp1.png" alt=""><div class="xiangqing"><p>荣耀9X PRO</p><span>6期免息 享多重好礼</span><p style="color: #d7021b;">¥2199</p></div></a></li>
                <li><a href=""><div class="new_label">新品</div><img src="./image/dp2.png" alt=""><div class="xiangqing"><p>荣耀9X PRO</p><span>6期免息 享多重好礼</span><p style="color: #d7021b;">¥2199</p></div></a></li>
                <li><a href=""><div class="new_label">新品</div><img src="./image/dp1.png" alt=""><div class="xiangqing"><p>荣耀9X PRO</p><span>6期免息 享多重好礼</span><p style="color: #d7021b;">¥2199</p></div></a></li>
                <li><a href=""><div class="new_label">新品</div><img src="./image/dp2.png" alt=""><div class="xiangqing"><p>荣耀9X PRO</p><span>6期免息 享多重好礼</span><p style="color: #d7021b;">¥2199</p></div></a></li>
                <li><a href=""><div class="new_label">新品</div><img src="./image/dp1.png" alt=""><div class="xiangqing"><p>荣耀9X PRO</p><span>6期免息 享多重好礼</span><p style="color: #d7021b;">¥2199</p></div></a></li>
                <li><a href=""><div class="new_label">新品</div><img src="./image/dp2.png" alt=""><div class="xiangqing"><p>荣耀9X PRO</p><span>6期免息 享多重好礼</span><p style="color: #d7021b;">¥2199</p></div></a></li>
            </ul>
        </div>
    </div>

    <div class="xinren public_container">
        <a href="" ><img src="./image/xrjml.jpg" alt="" style="width: 1200px;margin-top: 12px;"></a>
    </div>
    <!-- 这里少了几个图片，不想用icon -->
    <div class="bottom_l">
        <div class="public_container">
            <div class="top">
                <ul>
                    <li>百强企业 品质保证</li>
                    <li>7天退货 15天换货</li>
                    <li>48元起免运费</li>
                    <li>1000家维修网点 全国联保</li>
                </ul>
            </div>
            
            <div class="bottom">
                <ul>
                    <li>购物相关</li>
                    <li>购物指南</li>
                    <li>配送方式</li>
                    <li>支付方式</li>
                    <li>常见问题</li>
                </ul>
                <ul>
                    <li>保修与退换货</li>
                    <li>保修政策</li>
                    <li>退换货政策</li>
                    <li>退换货流程</li>
                    <li>保修状态查询</li>
                    <li>配件防伪查询</li>
                </ul>
                <ul>
                    <li>维修与技术支持</li>
                    <li>售后网点</li>
                    <li>预约维修</li>
                    <li>手机机修</li>
                    <li>备件价格查询</li>
                    <li>上门服务</li>
                </ul>
                <ul>
                    <li>特色服务</li>
                    <li>防伪查询</li>
                    <li>不够保障</li>
                    <li>以旧换新</li>
                    <li>礼品包装</li>
                </ul>
                <ul>
                    <li>关于我们</li>
                    <li>公司介绍</li>
                    <li>华为商城简介</li>
                    <li>华为线下门店</li>
                    <li>荣耀线下门店</li>
                    <li>诚征英才</li>
                    <li>意见反馈</li>
                </ul>
                <ul>
                    <li>友情链接</li>
                    <li>华为集团</li>
                    <li>华为CBG官网</li>
                    <li>荣耀官网</li>
                    <li>花粉俱乐部</li>
                    <li>华为云</li>
                </ul>
            </div>
            <div class="bottom_right">
                <b style="font-size: 28px;">400-088-6888</b><br>
                <p style="font-size: 16px;">7x24小事客服热线（仅收取市话费）</p>
                <div style="width: 170px;height: 34px;background-color: #333333;border-radius: 25px;color: #fff;line-height: 34px;margin: 0 auto;">在线客服</div>
            </div>
        </div>
    </div>
</body>
</html>